import Vue from 'vue'
import Router from 'vue-router'

import Test from '@/components/demo/Test'
import Index from '@/components/Index'
import LessonView from '@/components/LessonView'
import LessonDetail from '@/components/LessonDetail'
import Switch from '@/components/demo/Switch'
import Progress from '@/components/demo/Progress'
import Nav from '@/components/Nav'
import W from '@/components/demo/Nav'
import PersonalInfo from '@/components/PersonalInfo'
import PersonalMessage from '@/components/PersonalMessage'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Index',
      component: Index
    },
    {
      path: '/test',
      name: 'Test',
      component: Test
    },
    {
      path: '/detail',
      name: 'Detail',
      component: LessonDetail
    },
    {
      path: '/lesson',
      name: 'Lesson',
      component: LessonView
    },
    {
      path: '/switch',
      name: 'Switch',
      component: Switch
    },
    {
      path: '/progress',
      name: 'Progress',
      component: Progress
    },
    {
      path: '/nav',
      name: 'Nav',
      component: Nav
    },
    {
      path: '/demo/nav',
      name: 'Nav2',
      component: W
    },
    {
      path: '/personalinfo',
      name: 'PersonalInfo',
      component: PersonalInfo
    },
    {
      path: '/personalmessage',
      name: 'PersonalMessage',
      component: PersonalMessage
    }
  ]
})
